<template>
	<view class="box">
		<view class="header">
			<text class="t1">发布失物招领</text>
			<text class="t2">发布</text>
		</view>
		<view class="inp">
			<input type="text" value="" placeholder="输入标题..." />
		</view>
		<view class="tex">
			<textarea value="" placeholder="输入内容..." maxlength="-1"/>
		</view>
		<uni-file-picker 
		    v-model="imageValue"  
		    file-mediatype="image"
		    mode="grid"
		    file-extname="png,jpg"
		    :limit="3"
		/>
	</view>
</template>

<script>
	export default {
	        data() {
	            return {
	                imageValue:[{
						"name":"file.txt",
						"extname":"txt",
						"url":"https://xxxx",
						// ...
					}]
	            }
	        },
	        methods:{
	         
	        }
	}
</script>

<style lang="less" scoped>
	.header{
		width: 700rpx;
		margin: 0 auto;
		margin-top: 30rpx;
		display: flex;
		justify-content: space-between;
		.t1{
			font-size: 45rpx;
			font-weight: bolder;
		}
		.t2{
			font-weight: bolder;
			width: 130rpx;
			height: 60rpx;
			line-height: 60rpx;
			text-align: center;
			background: #f9cc66;
			border: 1px solid #f9cc66;
			border-radius: 50rpx;
		}
	}
	.inp{
		width: 700rpx;
		margin: 60rpx auto ;
		border-bottom: 1px solid #ebebeb;
		font-size: 40rpx;
		input{
			margin-bottom: 40rpx;
		}
	}
	.tex{
		width: 700rpx;
		margin: 0 auto ;
	}
	uni-file-picker{
		    height: 60rpx;  // 边框高度
		    width: 60rpx;   // 边框宽度
		    border: 1px solid #eee;
		}
	
		
</style>
